<template>
  <div>

     <div class="row">
          <div class="col-md-12">
            <!-- BEGIN EXAMPLE TABLE PORTLET-->
            <div class="portlet box grey-cascade">
              <div class="portlet-title">
                <div class="caption">
                  <i class="fa fa-globe"></i>{{this.title}}
                </div>
              </div>
              <div class="portlet-body">
                <div class="row style mr0">

                  <div class="col-md-3">
                    <router-link to="/sbsjList" tag="a" >
                       设备房管理
                    </router-link>
                  </div>
                  <div class="col-md-3">
                    <router-link to="/sbgl" tag="a" >
                       设备管理
                    </router-link>
                  </div>
                  <div class="col-md-3">
                    <router-link to="/rtugl" tag="a" >
                       RTU管理
                    </router-link>
                  </div>
                  <div class="col-md-3">
                    <router-link to="/sbcsgl" tag="a" >
                       设备参数管理
                    </router-link>
                  </div>
                  <div class="col-md-3">
                    <router-link to="/wbrw" tag="a" >
                       维保任务管理
                    </router-link>
                  </div>
                 <!--  <div class="col-md-3">
                    <router-link to="/rcxcjhgl" tag="a" >
                       日常巡检计划管理
                    </router-link>
                  </div>
                  <div class="col-md-3">
                    <router-link to="/rcxcrwgl" tag="a" >
                       日常巡检任务管理
                    </router-link>
                  </div> -->
                </div>
                
              </div>
            </div>

          </div>
      </div>

  </div>

</template>  

<style scoped>
    .cz{float: right;width: auto;position: relative;top: 3px;left: 5px;}
    .row.style .col-md-3{text-align: center;height: 100px;line-height: 100px;}
    .row.style .col-md-3 a{color:#333;font-size: 16px;font-weight: 500;}
    p {margin: 0 0 10px;}
    table tr td{text-align: center;vertical-align: middle;}
    .search{margin: 0 0 10px;}
    .search .form-control{width: 100%;display: inline-block;}
    .search button{position: relative;top: -2px;color: #fff;}
    .imgDiv img{width: 100%;}
    .undefinedbootstrap_full_number{text-align: center;;}
    .pagination{display: inline-block;}
    .dataTotal{color: #666;font-weight: 500;position: relative;top: -20px;left: 10px;}
    .pagination li a,.pagination li a .fa{color: #666;font-weight: 500;}
    .pagination li.active a,.numData{color: #26a69a;font-weight: 500;}
    .numData{font-size: 16px;}
     @media (max-width: 768px){
    .cz{margin-bottom: 0px;}
    .dataTotal{top: -5px;}
    .bs-select{width: 60%;}
  }
</style>

<script>
 

  import Metronic from '../../../../static/global/js/metronic.js'


  import Headers from '../../../components/Headers.vue';
  import Bars from '../../../components/Bars.vue';
  import Foot from '../../../components/Foot.vue';
   
  import optVue from '../../../config/optVue.js';
  import {setStore,getStore,removeStore} from '../../../config/common.js';
  export default {
     data(){
      return{
        list:[],
        tableDiv:true,
        imgDiv:false,  
        title:"",
        glNum:2,
        glNumChild:0
      }
    },
    components: {
        Headers,Bars,Foot
    },
    mounted(){
      document.title = '设备基础数据';
      this.title = document.title

      $(function(){

       
      })
    },
    methods:{
      
    }

  }

</script>  



